/* 
    Document   : reset.style
    Created on : 09.02.2010, 18:11:52
    Author     : chaporgin_a
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

form.jform{
  display: block;
  width: 765px;
}


form.jform div.elementWrapper{
  display: block;
  text-align: left;
  clear: both;
  margin: 2px 0;
  padding-right: 25px;
}

form.jform input, form.jform select, form.jform textarea {
  float: none;
  border: 1px solid silver;
  padding: 2px 4px;
  margin-right: 12px;
  /*margin-left: 10px;*/
}

form.jform input.valid, form.jform select.valid, form.jform textarea.valid {
  border: 1px solid #23EC12;
  background-color: #BFFBBF;
}

form.jform input.error, form.jform select.error, form.jform textarea.error {
  border: 1px solid #F40004;
  background-color: #FF8B8C;
}

form.jform .label{
  display: block;
  float: left;
  
}

form.jform label:hover{
  cursor: pointer;
  color: #c4eae6;
}

form.jform span.required{
  color: red;
  /*background-image: url(/components/com_electroforms/views/form/label-required.gif);
  background-position: right top;
  background-repeat: no-repeat;*/
}

form.jform div.valid{
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url(/components/com_electroforms/views/form/valid-ok.jpg);
}

form.jform div.error{
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url(/components/com_electroforms/views/form/invalid-no.jpg);
}

form.jform ul.errorMessagesWrapper{
  clear: none;
  padding: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  /*background-color: white;
  border: 1px solid black;
  position: absolute;*/
}

form.jform ul.errorMessagesWrapper li{
  color: red;
  float: none;
  display: block;
  margin: 0 !important;
  padding: 2px 0 !important;
  list-style: none;
}

form.jform img{
  
}

form.jform img.ajaxLoading{
  position: absolute;
  float: right;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(/components/com_electroforms/views/form/ajax-loader.gif);
}

form.jform .radioGroup{
  padding: 0;
  margin: 0;
}

form.jform ul.radioGroup li{
  list-style: none;
  padding: 2px 0;
  
}

form.jform .radioGroup li input{
  
}

form.jform .radioGroup label.radio{
  cursor: pointer;
}
form.jform .radioGroup li:hover{
  
  
}

form.jform .radioGroup label{
  float: none;
  display: inline;
}

form.jform .loading_ajax{
  background-image: url(/components/com_electroforms/views/form/ajax-loader-big.gif) !important;
}

form.jform .loading_ajax input, form.jform .loading_ajax select, form.jform .loading_ajax textarea{
  border: 1px solid silver !important;
  background-color: #ECECEC !important;
}

form.jform select option{
  padding: 1px 2px;
}

form.jform li {
  background: none;
}

form.jform div.controlWrapper{
  
  clear: both;
}

form.jform fieldset{
  background: none;
  /*border: 1px solid gray;*/
  border: none;
}

form.jform fieldset legend {
  margin: 0 10px;
}

form.jform div.captchaImageWrapper{
  clear: left;
  float: left;
  margin-right: 3px;
  padding: 0;
  width: 200px;
  height: 80px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/components/com_electroforms/views/form/ajax-loader-big.gif);
  border: none;
}

form.jform img.captchaImage{
  display: block;
}

form.jform a.ajaxLink:link, form.jform a.ajaxLink:visited, form.jform a.ajaxLink:active{
  color: orange !important;
  text-decoration: none;
  border-bottom: 1px dotted;
  background-color: transparent !important;
}

form.jform a.ajaxLink:hover{
  cursor: pointer;
  text-decoration: none;
  color: orange !important;
}

form.jform .hasDatepicker{
  cursor: pointer;
}

form.jform span.file span.filename{
  margin-right: 0;
  display: none;
}

form.jform span.file input{
  margin-right: 0;
}

form.jform a.cancelUpload, form.jform a.newUpload{
  margin-left: 5px;
  display: none;
}

form.jform .label .update_file{
  float: none;
  display: inline;
}

form.jform span.whatFor {
  display: none;
}

form.jform ul{
    padding: 5px 10px;
}

form.jform ul li{
    margin-left: 10px;
}

div.radioGroup input{
    border-width: 0;
    border-style: hidden;
    border-color: transparent;
    padding: 0 !important;
}

form.jform div.error div.radioGroup input, form.jform div.valid div.radioGroup input{
    border: none;
    background: transparent;
}

form.jform fieldset legend{
    color: #8D9291;
}

form.jform div.element, form.jform .label{
    float: left;
    padding-bottom: 10px;
}

form.jform div.error div.element{
    background-color: #731d1c;
}

form.jform .file .file_clear{
    display: none;
}

form.jform .multifile li{
    padding:2px 0;
    margin:0;
    list-style: none;
}

form.jform .multifile .with-value{
    padding: 5px 0;
}

form.jform .multifile .files{
    padding: 0;
    margin:0;
}
form.jform  .multifile .file input{
    width: 260px;
}